import {PureComponent} from "react";
import './style.css';
import Count from "./page/Count";
import {connect} from "react-redux";
import Profile from "./page/Profile";
import Category from "./page/Category";
import Display from "./page/Display";
import {StoreContext} from "./hoc";

class App extends PureComponent {
    render() {
        const {count} = this.props;
        return (
            <div className="app">
                <div>app组件count:{count}</div>
                <Count/>
                <Profile/>
                <Category/>
                <Display/>
            </div>
        )
    }
}


const mapStateToProps = (state) => ({count: state.count.count})
export default connect(mapStateToProps)(App);